﻿@media only screen and (max-width:640px) and (min-width:320px){
.home .main{ min-width:inherit !important;}
.main{ min-width:inherit !important; width:100% !important;}
.home .main .navBar{ min-width:inherit; height:65px !important; overflow:inherit !important;}
.navBar{ min-width:inherit; height:65px !important;}
.nav{ width:100% !important; overflow:hidden;position:fixed !important; top:65px !important;background-color: rgba(255,255,255,0.95);  z-index:99; display:none;}	
.navBar .navRight{ display:none;}
.navBar .sjcd {
    display: block;
    float: right;
    width: 24px;
    height: auto;
    margin-top: 20px;
	margin-right:3%;
}
.logo{ left:3% !important; width:200px; top:5px !important; height:auto; position:fixed;padding-top: 15px;padding-left: 0;}
.nav li{ width:100%; text-align:center;  line-height:45px; }
.fullSlide .bd{ height:300px;}
.fullSlide ul{ height:100% !important;}	
.fullSlide li{ background-size: cover !important; background-position:center !important;}	
.fullSlide{ margin-top:65px;}
.main01{ width:100% !important; height:auto !important; overflow:hidden !important;}
.index_ad ul li{ width:45% !important; margin:0 2.5% !important;}
.index_ad ul li p{ width:100% !important; font-size:16px !important; padding:15px 0 !important; line-height:30px !important; margin-bottom:20px !important; height:30px !important;}
.hd{ padding-top:15px !important; margin-bottom:10px !important;}
.friendLink{ width:100% !important; min-width:inherit !important;}
.chanping{ width:45% !important; margin:0 2.5% !important;}
.friendLink .hd .title{ text-align:center !important;}
.gengduo{ text-align:center !important; padding:0 !important; margin-bottom:20px !important;}
.yingyong-a{ height:auto !important;}
.home .main>div{ height:auto !important; overflow:hidden;}
.home .main>div.footer-qq{ height:60px !important; z-index:99;}
.home .main>div:nth-last-child(2){ height:0 !important;}
.pic-01{ width:45% !important; margin:0 2.5% !important; position:relative !important; height:100px !important; margin-bottom:10px !important;  float:left;}
.chanping-01{ width:100% !important; height:auto !important;}
.pic-img{ width:100% !important; background-size:100% !important; height:100% !important;}
.pic-img p{padding: 75px 8px 0px 0 !important; font-size:16px !important;}
.chanping-02{ width:100% !important; height:auto !important;}
.pic-03{ width:23% !important; float:left; position:relative !important; height:100px !important; margin:0  1%!important; }
.pic-02{ width:100% !important; position:relative !important;}
.pic-02 p{ padding-top:400px !important;}
.slideNews .comWidth{ width:100% !important;}
.slideNews .bd .tempWrap{ width:100% !important;}
.slideNews .bd .tempWrap ul{ width:300% !important;}
.slideNews .bd li{ width:45%; margin:0 2.5%;}
.footer{ width:94% !important; min-width:inherit !important; padding:0 3%; height:auto !important;}
.comWidth{ width:100% !important;}
.footer .fr{ display:none;}
.linkList a{ width:30%; float:left; margin:0 1.5%; margin-bottom:10px;}
.linkList a img{ width:100%;}
.linkList{ overflow:hidden;}
.slideNews .bd li{}
.nav li .mainSub{ position:relative; top:0;}
.slideNews .bd .ulWrap ul:nth-child(2){ display:none;}
.slideNews .bd img{ width:100%; height:auto;}
.companyIntroduce .logo{ position:fixed; top:0;display: none;}
.introduce .mainHd{font: 20px/60px 'arial';}
.introduce .companyIntroduce{ min-width:inherit !important; }
.introduce .title{ display:none;}
.introduce .companyIntroduce{ width:94%; font-size:12px; padding:0 3%; padding-top:20px; padding-bottom:40px; line-height:25px;}
.introduce .companyIntroduce p span{ font-size:13px !important;}
.introduce .development{ width:100%; overflow:hidden; height:auto !important;}
.introduce .development .title{ display:block; height:50px; line-height:50px; font-size:20px;}
.introduce .development .slide{ width:100% !important;}
.introduce .development .slide>div{ width:100% !important;}
.development .slide li{ width:300px !important; margin:0 !important; margin-top:5px !important;}
.development .slide .tempWrap{ margin:0 auto !important;}
.footer-qq{ top:50% !important; height:60px !important;}
.logo.sjid{ display:block;}
.case .main{ width:94% !important;}
.screen{ min-width: inherit !important; min-height:inherit !important; overflow:inherit !important; height:auto !important;}
.rowInner .box .pic1 img{ width:150%;}
.rowInner .box{ width:100%; overflow:hidden; margin-top:10px;}
.rowInner .box .pic2 img{ width:300%; margin-left:-40%;}
.case .main .row{ height:auto !important;}
.rowInner .box .slide.s303{ width:90% !important; margin:20px auto !important; overflow:hidden;}
.rowInner .box .slide.s303 li{ margin:0 !important; width:320px !important;}
.fix{ right:10px !important;}
.fix a{ width:30px !important; height:30px !important;}
.rowInner .box{ margin-bottom:20px !important;}
.case .rowInner .slide li{ margin:0 !important;}
.work .mainBd li{ width:45%; margin:5px 2.5% !important; height:auto !important;}
.work .mainBd li img{ width:100%; height:auto;}
.work .main .mainHd a{ font-size:12px;}
.work .line{ margin:0 3px;}
.wrap .main .mainHd{padding: 15px 0px 20px !important; overflow:hidden;}
.work .mainBd{ padding-top:70px !important;}
.newsList .main .mainHd{ height:40px; line-height:40px !important; font-size:12px; padding:0 !important;}
.itemInner{ width:94% !important; padding:10px 0 !important; height:auto !important;}
.itemInner>img{ display:none;}
.itemMain{ margin-left:0 !important; padding-bottom:50px !important;}
.itemMain .itemTitle a{ font-size:16px;}
.itemInfo{ height:25px;}
.itemMain .more a{ width:100px !important; height:30px !important; line-height:30px !important;}
.contact .mainBd{ background:none;}
.contact .mainBd #map{ display:none;}
.contact .contactInfo{ left:3%; right:3%; padding:10px;}
.contactInfo .tel{ font-size:18px;}
.contact .mainHd{ height:90px;}
.contact .mainBd{ height:50px;}
.contact .contactWay{ width:100%; height:auto; overflow:hidden;}
.contactWay .sale{ width:100%;}
.contactWay .man{background: url(img_20.jpg) no-repeat 15px 6px;}
.contactWay .tel{background: url(img_21.jpg) no-repeat 15px 6px;}
.contactWay .qq{background: url(img_22.jpg) no-repeat 15px 6px;}
.contactWay p{ padding-left:30px;}
.contactWay .customerService, .contactWay .technology, .contactWay .financialAffairs{ width:100%;}
.contactWay .title{    padding: 24px 0 20px;}
#PcIndicate{ height:0 !important; width:0 !important;}
.lightbox{ width:90% !important; height:auto !important;}
.newsDetails .mainBd p{font: 12px/20px '宋体';}
.wrap .main .mainHd .title{ margin-top:20px;}
.newsDetails .mainBd{padding: 10px 0 30px !important; padding-left:3% !important; padding-right:3% !important;}
.newsDetails .mainBd p.pic img{ margin:10px 0; width:100%; height:auto;}
.moreList .moreBd li{ width:300px; margin:0 !important;}
.moreBd .title p{ padding:10px 15px !important;}
.moreList .moreBd li img{ width:100% !important;}
.moreList .moreBd .slide .tempWrap{ margin:0 auto !important;}
.newsDetails .mainHd .info{ margin-bottom:20px !important;}
.newsDetails .mainHd .back{ left:3% !important;}

html, body{ height:auto !important;}
}
@media only screen and (max-width:320px){
.rowInner .box .slide.s303 li{ width:300px !important;}	
	
	}